import React, {Component} from 'react';
import {Link} from 'react-router-dom'
import './pay.css'

class Pay extends Component {
    constructor(props) {
        super(props)
        document.title = '订单支付'
    }

    render() {
        return (
            <div className='mormal-font pay'>
                <div className='center pay-head'><span className="orange">09：56</span>内支付，过时取消订单</div>
                <div className="white-bg wrap-order">
                    <div className='flex pay-div'><div>时间</div><div>选择出发</div></div>
                    <div className='flex pay-div'><div>起点</div><div>选择上车</div></div>
                    <div className='flex pay-div'><div>终点</div><div>选择下车</div></div>
                </div>
                <div className="white-bg wrap-order pay-top">
                    <div className='flex pay-div'><div>行程人员</div><div>刘鸿燕 18510064517</div></div>
                    <div className='flex pay-div'><div>拼车方式</div><div>包车</div></div>
                    <div className='flex pay-div'><div>包车车型</div><div>大面包车</div></div>
                    <div className='flex pay-div'><div>行程费用</div><div>888</div></div>
                    <div className='flex pay-div'><div>行程备注</div><div>大件行李，儿童安全座椅</div></div>
                </div>
                <Link to='/'><div className="order-flex white-bg wrap-order order-div"><div>优惠劵</div><div>选择优惠劵</div></div></Link>
                <div className='pay-button-use'><button>确认支付0.01元</button></div>
                <div className='pay-button-unuse'><button>取消订单</button></div>
            </div>
        )
    }

}
export default Pay